function newMessage(){
	$(".msg-list").empty();
	$.ajax({
		url : 'http://msg/list',
		dataType : 'json',
		success : function(data){
			var html = '';
			var msgList = data.list || [];
			for(var i=0; i<msgList.length; i++){
				html = html + '<div class="msg-item">';
				html = html + '<a class="msg_avt"><img src="'+msgList[i].userImg+'"/><span>'+msgList[i].userName+'</span></a>';
				html = html + '<div class="msg_cont">';
				html = html + '<p class="msg_cont_acpt">'+msgList[i].msgCont+'</p>';
				html = html + '<a class="msg-rply">reply</a>';
				html = html + '</div>';
				html = html + '</div>';
			}
			$(".msg-list").append(html);
			rplyClick();
		}
	});	
}

function rplyClick(){
	$(function(){
		$(".msg-rply").click(function(){
			$(this).before(replyInput());
			$(this).hide();
			$(".published").on("click",function(){
				var box = $(this).parent().parent();
				var txt = $(this).parent().find("textarea").val();
				if(txt == ""){
					alert("Content cannot be empty！");
				}else{
					$(this).parent().before(replyCon(txt));
					$(this).parent().remove();
					$(".msg-rply").show();
				}
			});
		})	
		$(".msg_cont p.msg_cont_acpt").click(function(){
		$(this).toggleClass("more");
		})		
	});
}



